/*
*rem版
*/
@import "theme.less";
@font-face {
  font-family: "deng";
  src:url('../fonts/DIN-Bold.otf') format('truetype');
}
//@font-face {
//  font-family: "pingfang";
//  src:url('../fonts/PINGFANG BOLD.TTF') format('truetype');
//}
body{
  font-family: "Microsoft YaHei", "微软雅黑", '宋体', tahoma, Verdana, arial, sans-serif;
  position: absolute;
  height: 100%;
  width: 100%;
  color: #40485b;
  margin: 0;
  padding: 0;
  min-width: 278px;
  background: #f7f7f7;
  overflow: hidden;
  font-size: @size1 * 16;

}

html{
  font-size: @size1 * 16;

}

label{
  font-weight: normal;
  margin-bottom: 0;
}
.form-group {
  label{
    width: @size1 * 100;
    padding-left:@size1 * 20;
    box-sizing: border-box;
    height: @size1 * 39;
    display: flex;
    align-content: center;
    align-items: center;
  }
  span{
    display: flex;
    height: @size1 * 39;
    align-content: center;
    align-items: center;
  }
}
a{
  text-decoration:none;
  cursor: pointer;
}
/* css special attribute begin */
/* 本元素占满父级内部 */
.match-parent{
  height: 100%;
  width: 100%;
}
.contentwrapper-holder{
  background: @color-fff;
}
/* 子div居中 */
div.align-center{
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
}

div.align-center>div{
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
  margin: auto !important;
}
/* css special attribute end */

.hand{
  cursor:pointer;
  label{
    cursor:pointer;
  }
}
/* .form-control{  ??
	width:auto;
}
 */

.auto-overflow{
  overflow: auto !important;
}

.norecordmsg{
  //padding-left: @size1 * 15;
  text-align:center;
  position: absolute;
  color: #999;
  font-size: @size1 * 25;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
   top: 48%;
  //margin-top: @size1 * 80; 暂时取消没看到影响
  &.fa:hover{
    transform: scale(1);
  }
  &:before{
    content: "\e1ba";
  }
  label{
    padding-left: @size1 * 15;
    font-size: @size1 * 20;
  }
}

.text-overflow{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

ol,ul{
  list-style: none;
  margin-bottom:0px;
}
button {
  outline:none;
}
.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.no-scrollbar{
  -ms-overflow-style:none;
  overflow:-moz-scrollbars-none;
  overflow: auto !important;
}

/* 艺术scrollbar begin*/
.scrollbar-type1::-webkit-scrollbar {
  width: @size1 * 6;
  height: @size1 * 6;
}
.scrollbar-type1::-webkit-scrollbar-track{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
  background:linear-gradient(to top, #fcf5ee, #faf7e6,rgba(0,0,0,.2),#eeeeee);
  border-radius: 1px;
  display:none;
}

.scrollbar-type1::-webkit-scrollbar-thumb{
  border-radius: 1px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
  background:linear-gradient(to top, #fcf5ee, #faf7e6,rgba(0,0,0,.2),#eeeeee);
}

.scrollbar-type1::-webkit-scrollbar-button {
  background-color:#ffffff;
}

.scrollbar-type1::-webkit-scrollbar-corner {
  background:#ffffff;
}

.scrollbar-type1::-webkit-scrollbar-track-piece {
  background-color: #ffffff;
}
/* 艺术scrollbar end*/


a:visited{text-decoration:underline;}
a:link{text-decoration:none;}

[class*=col-lg-],[class*=col-md-],[class*=col-sm-],[class*=col-xs-]{
  padding: 0;
}
.multi-form>.form{
  height: auto;
}

.spliter{
  clear: both;
  height: 1px;
  //background: rgba(0,0,0,.2);
}

.spliter2{
  border-top: 1px dashed rgba(0,0,0,.2); height:1px;margin:0.8rem 0px 1.8rem 0rem;text-align: left;
}

.spliter2>label{
	margin-top: -0.8rem;
    position: absolute;
    background: white;
    padding: 0px 0.6rem;
}

.fa-window-maximize{
  font-size:@size1 * 20;
  margin-right: @size1 * 10;
  cursor:pointer;
  position: relative;
  top:@size1;
  //-webkit-text-stroke: 2px @color-fff;
}

.fa-remove{
  font-size:@size1 * 27;
  margin-right: @size1 * 5;
  cursor:pointer;
  position: relative;
  top:0;
  //-webkit-text-stroke: 1px @color-fff;
}
.drawerHeader{
	border-radius:0 0 0 0 !important;
  .popclose{
    top:@size1 * 5.2;
  }
  .popresize{
    top: @size1 * 3.6;
  }
  .detach {
    top:  @size1 * 3.6;
    margin-right: @size1 * 3.2;
  }
}


.fa-window-restore{
  font-size:@size1 * 16;
  margin-right: @size1 * 5;
  cursor:pointer;
  position: relative;
  top:-@size1;
  //-webkit-text-stroke: 1px @color;
}

.fa-external-link{
  font-size:@size1 * 20;
  margin-right: @size1 * 10;
  cursor:pointer;
  position: relative;
  //top:-@size1;
}
.fa-regular:hover,.fa-light:hover,.fa-solid:hover{
  transform: scale(1.2);
  cursor: pointer;
}
/* 对宽度大于800的不生效 */
@media only screen and (min-width: 800px) {
  .fa:hover{
    transform: scale(1.4);
    cursor: pointer;
  }
}


/* scrollbar end*/
/* list page begin*/
.form {
  padding: 0;/*   隐藏横向滚动条 */
  width: 100%;
  height: 100%;
  /*   overflow: auto; 必须去掉 */
  display: inline-block;
  margin-top: -@size1 * 5;
  position: relative;
  /* padding-top: 7@size1 * 5; */
  background-color: #fff;
}
.cover-window .form{
  height: 100%;
  margin-bottom:0 !important;
  /*padding-top: 7@size1 * 5;*/
}

.small-form {
  padding-top: 0 !important;
}

.form.noheader {
  padding-top: 0 !important;
}

.form.noheader>.form-info{
  display: none;
}

.form.noheader>.form-search{
  display: block !important;
}
.small-form .form-info{
  height: @size1 * 50 !important;
}
.small-form .form-info>.title{
  font-size: @size1 * 18 !important;
}
.form .form-info .deleteopt button{
  border-radius:@size1 * 4 ;
  background: @color-f3;
  color: white;
  outline:0 none ;
  cursor: pointer;
  height: @size1 * 34;
  line-height: @size1 * 22;
  margin-top: @size1 * 2;
  border: 0;
}
.form .form-info .deleteopt button:hover{
  background:@color-f3-h;
}
.batch-delete label{
  cursor: pointer;
  color: white;
}

span.disabled{
  border-radius:@size1 * 4 ;
  padding-left: @size1 * 12;
  border: 1px solid #ccc;
}

.form .header-row{
  margin-right: 0;
  margin-left: 0;
  padding: @size1 * 24 0 0 @size1 * 48;
  border-bottom: 1px solid #f2f2f2;
  text-align: left;
}
.form>.table-body li{
  list-style: none;
}
/*.table-body .row{*/
/*    margin-right: 0px;*/
/*    margin-left: 0px;*/
/*    !*  padding: 0.8rem 0rem 0.4rem 0.8rem; *!*/
/*    border-bottom: 1px solid #f2f2f2;*/
/*    text-align: left;*/
/*    overflow: hidden;*/
/*    line-height:32px;*/
/*}*/

/*.table-body .row>div{*/
/*    padding: @size1 * 10 0 7px;*/
/*}*/

.form .form-padding{
  border-bottom: 0;
}

.form .row.table-center{
  text-align: center;
  /*padding-left: @size1 * 10;*/

  overflow: hidden;
  text-overflow: ellipsis;
}
.form .row.table-left{
  text-align: left;
  padding-left: @size1 * 10;

  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.form .row.table-left .region-center ,.form .row.table-center .region-center{
  text-align: center;
}
.form .row.table-left .region-left,.form .row.table-center .region-left{
  text-align: left;
  padding-left: @size1 * 10;
}


.form .inner-row{
  overflow: hidden;
  border: 2px solid #F2F2F2;
}

.form .row>div a{
  /*margin-right:@size1 * 20;*/
}

.maxwidth40{
  max-width: @size1 * 40;
}

.maxwidth60{
  max-width: @size1 * 60;
}


.form .header{
  text-align: left;
}

.form>.table-body{
  width: 100%;
}


.form .datas{
  width: 100%;
  overflow: auto;
}

.form .datas>.data-table{
  width: 100%;
  overflow: auto;
}



.form .datas::-webkit-scrollbar {/*滚动条整体样式*/
  width: @size1 * 8;
  height: @size1 * 4;
}
.form .datas::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  border-radius: @size1 * 5;
  box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  background: rgba(0,0,0,0.2);
}
.form .datas::-webkit-scrollbar-track {/*滚动条里面轨道*/
  box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  border-radius: 0;
  background: rgba(0,0,0,0.1);
}

.form .form-footer{
  padding-bottom: @size1 * 10;
}

.form-item-public .region-wrapper{
  input[type="checkbox"] {
    top: @size1 * 6;
  }
}
input[type="checkbox"] {
  width: @size1 * 18;
  height: @size1 * 18;
  display: inline-block;
  text-align: center;
  //vertical-align: middle;
  line-height:@size1 * 18;
  position: relative;
  cursor: pointer;
}

input[type="checkbox"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  width: 100%;
  height: 100%;
  border: 1px solid #d9d9d9;
  /* border-radius:@size1 * 4 ; */
}

input[type="checkbox"]:checked::before {
  content: "\2714";
  background-color: @color;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border: 1px solid @color;
  /* border-radius:4px; */
  color: #fff;
  font-size: @size1 * 12;
  font-weight: normal;
  transition: background .3s ease-in-out;
  /* -webkit-text-stroke: 1px white; */
}

.dmcaret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: @size1 * 2;
  vertical-align: middle;
  border-top: @size1 * 4 solid;
  border-right: @size1 * 4  solid transparent;
  border-left: @size1 * 4  solid transparent;
}

.amcaret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: @size1 * 2;
  vertical-align: middle;
  border-bottom: @size1 * 4 solid;
  border-right: @size1 * 4 solid transparent;
  border-left: @size1 * 4 solid transparent;
}

.region-list .darklight{
  background: @colore4
}

.form .form-item .input-group{
  width: @size1 * 160;
}

.form .form-item .date .form-control {
  width: @size1 * 162;
}


.form .form-item>.item-value>span {
  width: @size1 * 200;
}

.form .form-item>.item-label>span {
  width: @size1 * 200;
}

.form .form-search{
  border-bottom: 1px solid #eee;
  line-height: @size1 * 60;
  text-align: left;
  padding-left:@size1 * 20;
}

.form .form-search .form-item{
  padding-right:@size1 * 50;
  padding-left: 0;
}

.mandatoryIcon::after {
  content: "*";
  color: red;
  font-weight: bolder;
  margin-right: @size1 * 3;
}

/* list page end*/

/* modal window begin*/
.cover-container {
  position: fixed;
  z-index: 500;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* text-align: center; */
  background: transparent;
}

.cover-container .cover-title{
  line-height: @size1 * 35;
  margin-left: @size1 * 4;
  font-size: @size1 * 16;
  height: 100%;
}


.cover-bgdiv {
  position: fixed;
  z-index: 20000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* text-align: center; */
  background: rgba(0, 0, 0, 0.05);
}

/* start of style: popupCover */
.cover-container .cover-window {
  background-color: transparent;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
}

.cover-container .cover-window>.panel {
  border: none;
  margin-bottom: 0;
}

.cover-container .cover-window>.panel>.panel-heading {
  padding: 0;
}

.cover-container .cover-window>.panel>.panel-heading>.popUpTitle {
  font-weight: bold;
}

.cover-container .cover-window>.panel>.panel-body {
  padding: 0;
}

.cover-container .cover-window>.panel>.panel-body>.popup-validate-info {
  padding-top: 0;
  margin-right: @size1 * 10;
  margin-bottom: 0;
  margin-left: -@size1 * 10;
  text-align: left;
}

.cover-container .cover-window>.panel>.panel-body>.popup-validate-info>ul {
  margin-bottom: 0;
}

.cover-container .cover-window.popup-normal>.panel>.panel-heading>button, .cover-container .cover-window.popup-normal>.panel>.panel-heading{
  border-top-left-radius:@size1 * 4 ;
  border-top-right-radius:@size1 * 4 ;
}



.cover-container .cover-window.popup-normal>.panel>.panel-heading>.popUpTitle {
  margin: @size1 * 9  0 0 @size1 * 15;
}

.cover-container .modal-container-wrap{
  position: relative;
  width:100%;height:100%;
  background: white;
  text-align: center;
  //padding: @size1 * 15 0 0 0;
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.2), 0 6px 2px 0 rgba(0, 0, 0, 0.19);
}

.cover-container .modal-container{
  height:100%;overflow: hidden;
}

.modal-container{
  border-radius: 0 0 @size1 * 10 @size1 * 10;
}



.modal-container-wrap{
  border-radius: 0 0 @size1 * 10 @size1 * 10;
  &.drawerBody{
    border-radius:0 0 0 0;
    .form-body::-webkit-scrollbar {/*滚动条整体样式*/
      width: @size1 * 8 !important;
    }
  }
}

.cover-window .cover-header{
  border-radius: @size1 * 10 @size1 * 10 0 0;
  cursor: pointer;
}



.cover-container .cover-header{
  background:@linear;
  color:white;
  padding: @size1 * 8;
  height: @size1 * 50;
  z-index: 100;
  position: absolute;
  top: 0;
}

.cover-container .animation-holder {
  position: relative;
  height: 100%;
  padding-top: @size1 * 50;
}
.paddingtop0{
  padding-top: 0 !important;
}
.cover-window .table-body{
  overflow: unset;
}
::-webkit-scrollbar {
  width: @size1 * 8;
}
@media (max-width: 1000px){
  ::-webkit-scrollbar {
    width: @size1 * 8;
  }
}

::-webkit-scrollbar-thumb {
  border-radius: @size1 * 10;
  //-webkit-box-shadow:  0 0 5px rgba(0, 0, 0, 0.2);
  background:rgba(0,0,0,0.35);
}

::-webkit-scrollbar-track {
  //-webkit-box-shadow:  0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 0;
  background: #fff;
}


/* modal window end*/

/*float-dialog-holder begin*/
.float-dialog-holder{
  overflow:auto;
  max-height: @size1 * 300;
  left:0;
  margin-top: @size1 * 2;
  position: absolute;
  z-index: 200;
  //border: 1px solid #ccc;
  background: white;

  &::-webkit-scrollbar {
    width: @size1 * 8;
  }

  &::-webkit-scrollbar-thumb {
    border-radius: @size1;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #d4cfcf;
  }

  &::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: #f2f2f2;
  }

}

.float-dialog-holder .row{
  padding:@size1 * 8 0  @size1 * 8 @size1 * 16 !important;
}

.float-dialog-holder .form{
  min-width:@size1 * 200 !important;
}

.float-dialog-holder .multipleCbs {
  margin-top:@size1 * 10 !important;
}

.float-dialog-holder .paginationControl>.info{
  display:none;
}

.float-dialog-holder .paginationControl>.control>.pagination-go{
  display:none;
}

.float-dialog-holder .fa-refresh{
  margin:@size1 * 7;
}

.multipleItems-container{
  margin-top: -@size1 * 2;
}

.multipleItems-container>.selectedItems{
  min-height: @size1 * 30;
}

.multipleItems-container>.selectedItems>.selectedItem{
  display: inline-table;
  background: #e2e2e2;
  padding: 0 @size1 * 5;
  border-radius: @size4;
  margin-right: @size1 * 10;
  line-height: @size1 * 24;
}

.multipleItems-container>.selectedItems>.selectedItem>.itemclose{
  display: inline;
  position: absolute;
  width:@size1 * 20;
  font-size: @size1 * 16;
  margin-top: -@size1 * 5;
}

.multipleItems-container>.selectedItems>.selectedItem>.itemclose:after {
  position: absolute;
  content: "\d7";
  font-weight: bold;
  right: @size1 * 9;
  top: -@size1 * 4;
  opacity: 0.9;
}

.multipleItems-container>.selectedItems>.selectedItem>.itemclose:hover{
  font-size:@size1 * 20;
  cursor: pointer;
}

/*float-dialog-holder end*/
/* scrollbar begin*/
.scroll-bar1::-webkit-scrollbar {
  width: @size1 * 8;
}

.scroll-bar1::-webkit-scrollbar-thumb {
  border-radius: @size1 * 10;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #d4cfcf;
}

.scroll-bar1::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 0;
  background: #f2f2f2;
}
.scroll-bar2::-webkit-scrollbar {/*滚动条整体样式*/
  width: @size1 * 8;
}
.scroll-bar2::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  border-radius:@size1 * 3.2;
  box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  background: rgba(0,0,0,0.6);
}
.scroll-bar2::-webkit-scrollbar-track {/*滚动条里面轨道*/
  box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  border-radius: 0;
  background: rgba(0,0,0,0.1);
}

/* start of animation*/
/* movein-animation1 */
.movein-animation1-class{
  animation-name:movein-animation1;
  animation-duration:0.2s;
  animation-timing-function:linear;
  animation-delay:0s;
  animation-iteration-count:1;
  animation-direction:alternate;
  animation-play-state:running;
  /* Safari and Chrome: */
  -webkit-animation-name:movein-animation1;
  -webkit-animation-duration:0.2s;
  -webkit-animation-timing-function:linear;
  -webkit-animation-delay:0s;
  -webkit-animation-iteration-count:1;
  -webkit-animation-direction:alternate;
  -webkit-animation-play-state:running;
  animation-fill-mode: forwards;
}

@keyframes movein-animation1
{
  0%   {top:-@size1 * 80;}
  25%   {top:-@size1 * 50;}
  50%   {top:-@size1 * 20;}
  75%   {top:@size1 * 5;}
  100% {top:0;}
}
@-webkit-keyframes movein-animation1
{
  0%   {top:-@size1 * 80;}
  25%   {top:-@size1 * 50;}
  50%   {top:-@size1 * 20;}
  75%   {top:@size1 * 5;}
  100% {top:0;}
}

/* moveout-animation1 */
.moveout-animation1-class{
  animation-name:moveout-animation1;
  animation-duration:0.1s;
  animation-timing-function:linear;
  animation-delay:0s;
  animation-iteration-count:1;
  animation-direction:alternate;
  animation-play-state:running;
  /* Safari and Chrome: */
  -webkit-animation-name:moveout-animation1;
  -webkit-animation-duration:0.1s;
  -webkit-animation-timing-function:linear;
  -webkit-animation-delay:0s;
  -webkit-animation-iteration-count:1;
  -webkit-animation-direction:alternate;
  -webkit-animation-play-state:running;
  animation-fill-mode: forwards;
}

@keyframes moveout-animation1
{
  0%   {top:0;}
  25%   {top:-@size1 * 50;}
  50%   {top:-@size1 * 200;}
  75%   {top:-@size1 * 400;}
  100% {top:-@size1 * 600}
}
@-webkit-keyframes moveout-animation1
{
  0%   {top:0;}
  25%   {top:-@size1 * 50;}
  50%   {top:-@size1 * 200;}
  75%   {top:-@size1 * 400;}
  100% {top:-@size1 * 600}
}




/* movein-animation2 */
.movein-animation2-class{
  animation-name:movein-animation2;
  animation-duration:0.15s;
  animation-timing-function:linear;
  animation-delay:0s;
  animation-iteration-count:1;
  animation-direction:alternate;
  animation-play-state:running;
  /* Safari and Chrome: */
  -webkit-animation-name:movein-animation2;
  -webkit-animation-duration:0.15s;
  -webkit-animation-timing-function:linear;
  -webkit-animation-delay:0s;
  -webkit-animation-iteration-count:1;
  -webkit-animation-direction:alternate;
  -webkit-animation-play-state:running;
  animation-fill-mode: forwards;
}

@keyframes movein-animation2
{
  from {
    transform: scaleY(0);
  }
  to {
    transform: scaleY(1);
  }
}
@-webkit-keyframes movein-animation2
{
  from {
    transform: scaleY(0);
  }
  to {
    transform: scaleY(1);
  }
}


/* moveout-animation2 */
.moveout-animation2-class{
  animation-name:moveout-animation2;
  animation-duration:0.15s;
  animation-timing-function:linear;
  animation-delay:0s;
  animation-iteration-count:1;
  animation-direction:alternate;
  animation-play-state:running;
  /* Safari and Chrome: */
  -webkit-animation-name:moveout-animation2;
  -webkit-animation-duration:0.15s;
  -webkit-animation-timing-function:linear;
  -webkit-animation-delay:0s;
  -webkit-animation-iteration-count:1;
  -webkit-animation-direction:alternate;
  -webkit-animation-play-state:running;
  animation-fill-mode: forwards;
}

@keyframes moveout-animation2
{
  from {
    transform: scaleY(1);
  }
  to {
    transform: scaleY(0);
  }
}
@-webkit-keyframes moveout-animation2
{
  from {
    transform: scaleY(1);
  }
  to {
    transform: scaleY(0);
  }
}


/* movein-animation3 */
.movein-animation3-class{
  animation-name:movein-animation3;
  animation-duration:0.2s;
  animation-timing-function:linear;
  animation-delay:0s;
  animation-iteration-count:1;
  animation-direction:alternate;
  animation-play-state:running;
  /* Safari and Chrome: */
  -webkit-animation-name:movein-animation3;
  -webkit-animation-duration:0.2s;
  -webkit-animation-timing-function:linear;
  -webkit-animation-delay:0s;
  -webkit-animation-iteration-count:1;
  -webkit-animation-direction:alternate;
  -webkit-animation-play-state:running;
  animation-fill-mode: forwards;
}


@keyframes movein-animation3
{
  0%   {left:-@size1 * 60;}
  50%   {left:-@size1 * 30;}
  100% {left:0;}
}
@-webkit-keyframes movein-animation3
{
  0%   {left:-@size1 * 60;}
  50%   {left:-@size1 * 30;}
  100% {left:0;}
}

/* moveout-animation3 */
.moveout-animation3-class{
  animation-name:moveout-animation3;
  animation-duration:0.1s;
  animation-timing-function:linear;
  animation-delay:0s;
  animation-iteration-count:1;
  animation-direction:alternate;
  animation-play-state:running;
  /* Safari and Chrome: */
  -webkit-animation-name:moveout-animation3;
  -webkit-animation-duration:0.1s;
  -webkit-animation-timing-function:linear;
  -webkit-animation-delay:0s;
  -webkit-animation-iteration-count:1;
  -webkit-animation-direction:alternate;
  -webkit-animation-play-state:running;
  animation-fill-mode: forwards;
}


@keyframes moveout-animation3
{
  0%   {left:0;}
  50%   {left:-@size1 * 30;}
  100% {left:-@size1 * 60;}
}
@-webkit-keyframes moveout-animation3
{
  0%   {left:0;}
  50%   {left:-@size1 * 30;}
  100% {left:-@size1 * 60;}
}

/* movein-animation4 */
.movein-animation4-class{
  animation-name:movein-animation4;
  animation-duration:0.2s;
  animation-timing-function:linear;
  animation-delay:0s;
  animation-iteration-count:1;
  animation-direction:alternate;
  animation-play-state:running;
  /* Safari and Chrome: */
  -webkit-animation-name:movein-animation4;
  -webkit-animation-duration:0.2s;
  -webkit-animation-timing-function:linear;
  -webkit-animation-delay:0s;
  -webkit-animation-iteration-count:1;
  -webkit-animation-direction:alternate;
  -webkit-animation-play-state:running;
  animation-fill-mode: forwards;

  position: absolute;
  top:0;
}


@keyframes movein-animation4
{
  0%   {transform: translate(100%,0px);-ms-transform: translate(100%,0px);-webkit-transform: translate(100%,0px);}
  50%  {transform: translate(@size1 * 45,0px);-ms-transform: translate(@size1 * 45,0px);-webkit-transform: translate(@size1 * 45,0px);}
  100% {}
}
@-webkit-keyframes movein-animation4
{
  0%   {transform: translate(100%,0px);-ms-transform: translate(100%,0px);-webkit-transform: translate(100%,0px);}
  50%   {transform: translate(@size1 * 45,0px);-ms-transform: translate(@size1 * 45,0px);-webkit-transform: translate(@size1 * 45,0px);}
  100% {}
}

/* moveout-animation4 */
.moveout-animation4-class{
  animation-name:moveout-animation4;
  animation-duration:0.2s;
  animation-timing-function:linear;
  animation-delay:0s;
  animation-iteration-count:1;
  animation-direction:alternate;
  animation-play-state:running;
  /* Safari and Chrome: */
  -webkit-animation-name:moveout-animation4;
  -webkit-animation-duration:0.2s;
  -webkit-animation-timing-function:linear;
  -webkit-animation-delay:0s;
  -webkit-animation-iteration-count:1;
  -webkit-animation-direction:alternate;
  -webkit-animation-play-state:running;
  animation-fill-mode: forwards;

  position: absolute;
  top:0px;
}


@keyframes moveout-animation4
{
  0%    {}
  50%   {transform: translate(@size1 * 45,0px);-ms-transform: translate(@size1 * 45,0px);-webkit-transform: translate(@size1 * 45,0px);}
  100%  {transform: translate(100%,0px);-ms-transform: translate(100%,0px);-webkit-transform: translate(100%,0px);}
}
@-webkit-keyframes moveout-animation4
{
  0%    {}
  50%   {transform: translate(@size1 * 45,0px);-ms-transform: translate(@size1 * 45,0px);-webkit-transform: translate(@size1 * 45,0px);}
  100%  {transform: translate(100%,0px);-ms-transform: translate(100%,0px);-webkit-transform: translate(100%,0px);}
}

/* movein-animation5 */
.movein-animation5-class {
  animation-name: movein-animation5;
  animation-duration: 0.2s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: alternate;
  animation-play-state: running;
  /* Safari and Chrome: */
  -webkit-animation-name: movein-animation5;
  -webkit-animation-duration: 0.2s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: alternate;
  -webkit-animation-play-state: running;
  animation-fill-mode: forwards;
/*   position: absolute; */
/*   top: 0; */
}
@keyframes movein-animation5 {
  0% {
    transform: translate(0rem, 0.5rem);
    -ms-transform: translate(0rem, 0.5rem);
    -webkit-transform: translate(0rem, 0.5rem);
  }

}
@-webkit-keyframes movein-animation5 {
  0% {
    transform: translate(0rem, 1rem);
    -ms-transform: translate(0rem, 1rem);
    -webkit-transform: translate(0rem, 1rem);
  }

}

/* movein-animation6 */
.movein-animation6-class {
  animation-name: movein-animation6;
  animation-duration: 0.2s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: alternate;
  animation-play-state: running;
  /* Safari and Chrome: */
  -webkit-animation-name: movein-animation6;
  -webkit-animation-duration: 0.2s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: alternate;
  -webkit-animation-play-state: running;
  animation-fill-mode: forwards;
  position: relative;
/*   position: absolute; */
/*   top: 0; */

}
@keyframes movein-animation6 {
  0% {
    transform: translate(0rem, -0.5rem);
    -ms-transform: translate(0rem, -0.5rem);
    -webkit-transform: translate(0rem, -0.5rem);
  }
}

@-webkit-keyframes movein-animation6 {
  0% {
    transform: translate(0rem, -0.5rem);
    -ms-transform: translate(0rem, -0.5rem);
    -webkit-transform: translate(0rem, -0.5rem);
  }
}


/* rotate animation */
.rotate-class{
  -webkit-animation: rotate-animation 1s linear infinite;
  animation: rotate-animation 1s linear infinite;
}

@keyframes rotate-animation
{
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate-animation
{
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

.rotate-class2{
  -webkit-animation: rotate-animation2 0.1s linear 1 forwards;
  animation: rotate-animation2 0.1s linear 1 forwards;
}

@keyframes rotate-animation2
{
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(180deg);
  }
}
@-webkit-keyframes rotate-animation2
{
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(180deg);
  }
}

.rotate-class3{
  -webkit-animation: rotate-animation3 0.1s linear 1 forwards;
  animation: rotate-animation3 0.1s linear 1 forwards;
}

@keyframes rotate-animation3
{
  from {
    transform: rotate(180deg);
  }
  to {
    transform: rotate(0deg);
  }
}
@-webkit-keyframes rotate-animation3
{
  from {
    -webkit-transform: rotate(180deg);
  }
  to {
    -webkit-transform: rotate(0deg);
  }
}


@keyframes scale-animation2
{
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.4);
  }
}
@-webkit-keyframes scale-animation2
{
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.4);
  }
}

/* end of 动画效果*/
.rote-class-left{
  transform:rotate(0deg) !important;
}
.rote-class-right{
  transform: rotate(180deg) !important;
}
/* alert begin*/
.alert-div .cover-header>.title{
  height:100%;
  float: left;
  line-height: @size1 * 35;
  font-size: @size1 * 16;
  margin-left: @size1 * 16
}

.alert-div .alert-content{
  font-size: @size1 * 18;
  margin-top: @size1 * 10;
  height: @size1 * 80;
  text-align: center;
}

.alert-div button{
  width: @size1 * 80;
}

.toast-div {
  position: fixed;
  z-index: 20000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  background: transparent;
  pointer-events: none;
}

.toast-container{
  pointer-events: none;
}

.toast-container .modal-container{
  height:100%;overflow: hidden;
  padding: 0 @size1 * 10;
  word-wrap: break-word;
}

.toast-container .toast-wrap{
  background: black;
  opacity: 0.8;
  color: white;
  font-size: @size1 * 16;
  padding: @size1 * 10 @size1 * 5;
  border-radius: @size1 * 5;
  display: inline-block;
}
/* alert end*/

/* loading start*/
.dialog_progress {
  margin-left: auto;
  margin-right: auto;
}

.cover_div {
  position: fixed;
  z-index: 20000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  background: #00000040;
}
/* loading end*/

/* 公用布局css  layout.rs */
.layout_h_item{
  float: left;
  height:100%;
  overflow: auto;
}

.layout_v_item{
  overflow: auto;
}


#region_adminlogo{
  /* background-color:#1d252d; */

}
/* stackmenu.rs begin */


.stackmenu{
  color:white;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  overflow: auto;
  .childs{
    padding-top: @size1 * 4;
  }
}


.stackmenu .menu-node{
  font-size:@size1 * 14;
  cursor: pointer;
}

.stackmenu .icon-holder>i{
	width: 1.4rem;	
	text-align: center;
}

.stackmenu .menu-node .child-level{
  /* background:@colorbg-l; */
}

.stackmenu-cell{
  /* background:#151e27; */
  background-size: cover;
  background: url("/images/rightbgimg.jpg")  no-repeat 100% rgba(0,0,0,.7);
}


/* .stackmenu .menu-node .menu-label{
	color: rgba(255,255,255,.8);
} */
.stackmenu .menu-label{
  padding-left: @size1 * 20;
}
.stackmenu .branch:hover .menu-label{
  color:white;
}

.stackmenu .branch:hover{
  border-left-color:@color;
}

.stackmenu .leaf:hover .menu-label{
  color:white;
}


.stackmenu .leaf:hover{
  border-left-color:@linear;
  transition: .3s ease-in-out;

}


.stackmenu .branch-selected{
  background-color: @color;
  border-left-color: @color;
  font-weight: bold;
  transition: .5s ease-in-out;
}


/* .stackmenu .branch-selected .menu-label{
	color:white;
} */


.stackmenu .branch{
  padding: @size1 * 12 0  @size1 * 12 @size1 * 16;
  border-left:@size1 * 4  solid @colorbg-l;
}

.stackmenu .leaf{
  padding: @size1 * 12 0  @size1 * 12 @size1 * 16;
  border-left: @size1 * 4 solid @colorbg-l;
}
.stackmenu .leaf-selected{
  background-color: @color;
  border-left-color: @color;
  font-weight: bold;
  color:@color;
  .menu-label{
    color:white;
    &:hover{
      color:white;
    }
  }
.fa-solid{
  color: #fff;
}
}

.opacity9{
  opacity:0.9;
}
.opacity8{
  opacity:0.8;
}
.opacity7{
  opacity:0.7;
}
.opacity6{
  opacity:0.6;
}
.opacity5{
  opacity:0.5;
}

.stackmenu .toggleBtn
{
  position: absolute;
  right: 0;
  margin-right: @size1 * 20;
  //margin-top: @size1 * 5;
}

.stackmenu .fa-sort-up{
  margin-top: @size1 * 10;
}

/* stackmenu.rs end */

/* tree.rs begin */


.tree{
  background: white;
  color:#555;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  overflow: auto;
}


.tree{
  .menu-node{
    font-size:@size1 * 16;
    cursor: pointer;
    .menu-label{
      color:#555;
      padding-left:@size1 * 10
    }
  }
  .branch{
    padding: @size1 * 12 0  @size1 * 12  @size1 * 16;
    border-left: @size1 * 4 solid @color-fff;
    transition: all .2s linear;
    & :hover{
      border-left-color:@color;
      .menu-label{
        color:@color;
      }
    }
  }
  .leaf:hover {
    border-left-color:@color;
    .menu-label{
      color:@color;
    }
  }
  .branch-selected{
    background-color: #ebf7ff;
    border-left-color: #ebf7ff;
    font-weight: bold;
    .menu-label{
      color:#555;
    }
    &:hover{
      .node-item{
        //color: @color-theme;
      }
    }
  }
  .leaf-selected {
    background-color: #d6dde5 !important;
    border-left-color: #d6dde5 !important;
    font-weight: bold;
    .menu-label{
      color:#555;
    }
  }
  .leaf{
    .pad{
      display: flex;
      flex-wrap: nowrap;
    }
  }

}
.tree .leaf{
  padding: @size1 * 12 0  @size1 * 12  @size1 * 16;
  border-left: @size1 * 4 solid white;
}

.tree .toggleTag{
  //margin-right: @size1 * 10;
}

.tree .toggleBtn{
  margin-right: @size1 * 10;
}

.tree .lined{
  position: relative;
}

.tree .lined:after{
  right:@size1 * 5;
  content: '';
  position: absolute;
  top: @size1 * 7;
  width:@size1 * 12;
  height: 0;
  border-top: 1px dotted #c0c4cc;
}

.tree .menu-node{
  position: relative;
}

.tree .menu-node .crossline-v{
  margin-top: -@size1 * 20;
  content: '';
  border-left: 1px dotted #c0c4cc;
  position: absolute;
  top: 0;
  width: 0;
  height: 100%;
  z-index: 10;
}


/* 一级菜单 */
.tree .actived-node>.branch{
  /* xx1	background: @color !important; */
}
.tree{
  .pad{
    display: inline-block;
    width: 100%;
    .childs{
      width: 100%;
    }
  }
  .branch{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
  }
}
.tree .actived-node>.branch>.pad i{
  /* xx1	color: white !important; */
}

.tree .actived-node>.branch>.pad .node-item{
  /* xx1	color: white !important; */
}

.tree .actived-node>.branch>.pad>.menu-label{
  /* xx1	color: white !important; */
}
/* 一级菜单结束*/

/* 二级或以上菜单 */
.tree .actived-node>.pad>.branch{
  /*xx1 background: @color !important;
      color: white; */
}

.tree .actived-node>.pad>.branch>.menu-label{
  /*xx1	color: white; */
}
/* 二级或以上菜单结束 */

/* 叶子节点 */
.tree .actived-node>.leaf{
  /*xx1 background: @color !important;
      color: white; */
}

.tree .leaf:hover{
  background: #ebf7ff;
  color: #409EFF;
}

.tree .actived-node>.leaf>.pad>.menu-label{
  /*xx1 background: @color !important;
      color: white; */
}
/* 叶子节点结束 */

/* tree.rs end */

/* msgbox begin */
.rg-msg-box .close-msgbox{
  color: #333;
  //-webkit-text-stroke:0;
  font-size:@size1 * 12;
  float: right;
  opacity: 0.9;
  margin-right: 0;
}

.msg-triangle{
  width: 0;
  height: 0;
  border-top: @size1 * 10 solid transparent;
  border-right: @size1 * 10 solid transparent ;
  border-bottom: @size1 * 10 solid transparent ;
  border-left: @size1 * 10 solid transparent ;
}
.rg-msg-box{
  color: #FFFFFF;
  font-size:@size1 * 16;
  line-height: @size1 * 34;
  /*     display: inline-block; */
  display:inline-table;
  height: @size1 * 34;
  padding: 0 @size1 * 10;
  text-align: center;
  border-radius: @size1 * 6;
  vertical-align: top;
  background-color: maroon;
  position: absolute;
}
.msg-triangle-top{
  border-top-color: maroon;
  margin-top: -@size1 * 4;
}
.msg-triangle-bottom{
  border-bottom-color: maroon;
  margin-top: -@size1 * 52;
}
.msg-triangle-right{
  border-right-color: maroon;
  margin-left: -@size1 * 28;
  margin-top: -@size1 * 28;
}
.msg-triangle-left{
  border-left-color: maroon;
  float: right;
  margin-top: @size1 *  7;
  margin-right: -@size1 * 28;
}
/* msgbox end */

.form-error-div{
  top: -@size1 * 17;
  float: left;
  left: @size1 * 206;
  color: white;
  background: #fa7c50;
  margin-right: -@size1 * 300;
}
.form-error-div .msg-triangle-right{
  border-right-color:#fa7c50;
}


/*code begin*/
.codepre .codeblock li {
  white-space: pre-wrap;
  line-height:@size1 * 20;
  padding: 0 @size1 * 5;
  list-style-type: decimal-leading-zero;
  background-color: #fff;
  display: list-item;
  text-align: -webkit-match-parent;
  font-size:@size1 * 18;
}

.codepre{
  word-break: break-all;
  word-wrap: break-word;
  background-color:#fafafa;
  font-family: Menlo,Monaco,Consolas,Courier,monospace;
  border:1px solid #eaeefb;
  text-align: left;
}

.codepre h4{
  display: inline-block;
}

.codepre .toggleBtn{
  margin-left: @size1 * 15;
  margin-right: @size1 * 5;
}

.codepre .codeblock{
  overflow: auto;
  padding: @size1 * 10 0;
}

.codepre h4{
  margin-bottom: 0;
  margin-top: 0;
  padding: @size1 * 8 @size1 * 10;
  position: relative;
}

.codepre .code-desc{
  position: relative;
  border-bottom: 1px solid #e2e2e2;
}

.codepre .code-control{
  position: absolute;
  right: @size1 * 10;
  top: @size1 * 10;
  line-height: @size1 * 20;
}

.codepre .code-control span{
  background: #e2e2e2;
  padding: @size1 * 5;
}

.codepre .code-control span label{
  cursor: pointer;
}

.codepre ul{
  //border-left: 1px solid #e2e2e2;
  padding-left: @size1 * 50;
}

code{
  display: none;
}
/*code end*/

/*下拉框 begin  position必须为relative,否则滚动出问题*/


/*文件上传 begin*/
.file-label{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/*文件上传 end*/
/*日期选择器 begin*/

.calendar{
  text-align: center;
  border: 1px solid #e2e2e2;
  overflow: auto;
  width: @size1 * 280;
  background: white;
  border-radius: @size1 * 3;
  box-shadow: 0 4px  8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  position: absolute;
  z-index: 1;
}

.calendar .day{
  text-align: center;
  float: left;
  width: @size1 * 36;
  height: @size1 * 36;
  line-height: @size1 * 36;
  background: white;

  font-size: @size1 * 12;

  white-space: nowrap;
  overflow: hidden;
}

.calendar .weekday{
  text-align: center;
  float: left;
  width: @size1 * 36;
  height:@size1 * 36;
  line-height: @size1 * 36;
  background: white;

  font-size: @size1 * 12;
  font-weight:bold;
  white-space: nowrap;
  overflow: hidden;
}

.calendar .day:hover,.calendar .year label:hover,.calendar .month label:hover{
  background:#f2f2f2;
  cursor:pointer;
  color:#333;
}


.calendar .cal-header{
  background:white;
  overflow: hidden;
  width: 100%;
  padding: @size1 * 8 0;
  font-size: @size1 * 16;
  text-align: center;
}

.calendar .date-block{
  display: inline-block;
  line-height: @size1 * 18;
}

.calendar .close-block{
  display: inline-block;
  line-height: @size1 * 18;
  right: 0;
  position: absolute;
  top: @size1 * 5;
}

.calendar .close-block>.fa-remove{
  display: inline-block;
  line-height: @size1 * 18;
  -webkit-text-stroke:@size1 * 4 white;
}


.calendar .body{
  padding: 0 @size1 * 10 @size1 * 5;
  overflow: auto;
}

.calendar label{
  padding: 0 @size1 * 5;
}

.calendar .pre-year{
  float: left;
}

.calendar .pre-month{
  float: left;
  margin-left:@size1 * 20;
}

.calendar .next-year{
  float: right;
}

.calendar .next-month{
  float: right;
  margin-right:@size1 * 20;
}

.calendar .year{
  float: left;
  margin: 0 @size1 * 10;
}

.calendar .month{
  float: left;
  margin: 0 @size1 * 5;
}

.calendar .month label{
  width:@size1 * 30;
}


.calendar .editableInput{
  height: @size1 * 22;
  padding-left: @size1 * 3;
}

.calendar .lastmonth, .calendar  .nextmonth{
  color: gray;
}

.calendar .footer{
  text-align: right;
  padding: @size1 * 5 @size1 * 10 @size1 * 10 0;
}

.calendar .footer span{
  border:1px solid #C9C9C9;
  font-size: @size1 * 14;
  padding: @size1 * 2 @size1 * 8;
  cursor: pointer;
  border-radius: @size1 * 3;
  display: inline-block;
  line-height: @size1 * 25;
  -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;
}

.calendar .footer span:hover{
  background: @color;
  color: white;
}

.calendar .chosen-date{
  background:@color !important;
  color: white !important;
}



.calendar-wrapper{
  width:@size1 * 200;
  position:relative;
  z-index: 98;
  display:inline-block;
  -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;
}

.calendar-wrapper .calendar-icon{
  display: inline-block;
  /*padding: 2px @size1 * 5;*/
  right: @size1 * 20;
  top: 50%;
  position: absolute;
  margin-top:  -@size1 * 10;
}

.calendar-wrapper .date{
  display: inline-block;
}



/*日期选择器 end*/
/*评分 begin*/
.star-wrapper{
  position: relative;
  line-height:@size1 * 34;
  font-size:@size1 * 20;
  display:inline-block !important;
}

.star-wrapper>.fa-star{
  margin-right: @size1 * 5;
  color:rgb(247, 186, 42);
}

.star-wrapper>.fa-star-o{
  margin-right: @size1 * 5;
  color:gray;
}
/*评分 end*/

/*穿梭框 begin*/
.transfer-wrapper {
  overflow: hidden;
}

.transfer-wrapper .source {
  width: 42%;
  float: left;
}

.transfer-wrapper .control {
  width: 16%;
  float: left;
}

.transfer-wrapper .result {
  width: 42%;
  float: left;
}

.transfer-wrapper .transfer-panel {
  border: 2px solid #f5f7fa;
  height: 100%;
  overflow: hidden;
}

.transfer-wrapper  input[type="checkbox"] {
  width: @size1 * 18;
  height: @size1 * 18;
}

.transfer-wrapper span {
  margin-left: @size1 * 10;
  position: relative;
  //top: @size1 * 4;
  display: inline-block;
}

.transfer-wrapper .header li {
  padding-left: @size1 * 15;
  margin-bottom: @size1;
  font-size: @size1 * 16;
  list-style: none;
  text-align: left;
  position: relative;
  display: flex;
  align-items: center;
}

.transfer-wrapper .header{
  background: #f5f7fa;
  padding-top: @size1 * 3;
  font-weight: 600;
  padding-bottom: @size1 * 10;
  line-height: @size1 * 23;
}


.transfer-wrapper .body {
  height: 100%;
  overflow: auto;
  padding-bottom: @size1 * 40;
}

.transfer-wrapper .body li {
  padding-left: @size1 * 15;
  padding-bottom: @size1 * 4;
  margin-bottom: @size1;
  list-style: none;
  cursor: pointer;
  display: flex;
  justify-content: left;
  align-items: center;
  flex-wrap: wrap;
}

.transfer-wrapper .body li:hover {
  background: #ecf5ff;
  // color: white;
}

.transfer-wrapper .control{
  text-align: center;
  height: 100%;
  position: relative;
}
.transfer-wrapper .control .trans-btns{
  display: inline-block;
  vertical-align: middle;
}

.transfer-wrapper .control .trans-btn{
  margin-bottom: @size1 * 15;
  font-size: @size1 * 18;
  display: block;
}

.transfer-wrapper .summary{
  font-size: @size1 * 14;
  position: absolute;
  right: 0;
  margin-right: @size1 * 10;
  width: auto !important;
}
/*穿梭框 end*/

/*普通多选框 begin*/
.multiselect-wrapper {
  overflow: hidden;
}

.multiselect-wrapper .options-panel {
  /* 	border: 2px solid #f5f7fa; */
  height: 100%;
  overflow: hidden;
}

.multiselect-wrapper  input[type="checkbox"] {
  width: @size1 * 18;
  height: @size1 * 18;
}

.multiselect-wrapper span {
  margin-left: @size1 * 10;
  position: relative;
  top:@size1 * 4 ;
}

.multiselect-wrapper .header li {
  padding-left: @size1 * 15;
  margin-bottom: @size1;
  font-size: @size1 * 16;
}

.multiselect-wrapper .options {
  height: 100%;
  overflow: auto;
  /* 	padding-bottom: @size1 * 40; */
}

.multiselect-wrapper .options li {
  padding-right: @size1 * 15;
  padding-bottom:@size1 * 4 ;
  margin-bottom: 1px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  span{
    top: 0;
  }
}

.multiselect-wrapper .options li:hover {
  /* background: #f96d3c; */
  color: @color;
}

/*普通多选框 end*/

/*checkbox块 begin*/

.checkbox-wrapper{
  position:relative;
  display: inline-block;
  line-height: @size1 * 24;
}

.checkbox-wrapper .checkbox-item{
  overflow: hidden;
  display: inline-block;
  padding-right:@size1 * 20;
}

.checkbox-wrapper .checkbox-item.vertical{
  width:100%;
}

.checkbox-wrapper .checkbox-item .checkbox-input{
  position: relative;
  width:@size1 * 18;
  height:@size1 * 18;
  border: 1px solid #dcdfe6;
  display: inline-block;
  border-radius: 2px;
  cursor: pointer;
  vertical-align: middle;
}

.checkbox-wrapper .checkbox-item .text{
  font-size: @size1 * 16;
  position: relative;
  overflow: hidden;
  display: inline-block;
  top:@size1 * 8;
  cursor: pointer;
}

.checkbox-wrapper .checkbox-item .checkbox-input.checked{
  background: @color;
  border: 1px solid @color;
  transition: background .3s ease-in-out;

}

.checkbox-wrapper .checkbox-item .checkbox-input.checked:after {
  color: white;
}

.checkbox-wrapper .checkbox-item .checkbox-input:after{
  padding-top: @size1;
  color: transparent;
  width: @size4;
  height:@size4;
  background-color: transparent;
  content: "\2714";
  position: absolute;
  left: 0;
  top: -@size1 * 5;
  display: inline-block;
  vertical-align: middle;
}
/*checkbox块 end*/


/*文件 begin*/
.file-wrapper{
  line-height: @size1 * 35;
  position:relative;
  display:inline-block;
}

.file-wrapper>.plus-view{
  vertical-align: top;
}


.file-wrapper>.uploaded-files{
  display:inline-block;
  vertical-align: top;
  padding-left: @size1 * 12;
}

.file-wrapper>.uploaded-files>.file-view{
  position: relative;
  display: inline-block;
  padding-right: @size1 * 26;
  //margin-left: @size1 * 12;
}

.file-wrapper>.uploaded-files>.file-view>.delete-btn{
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
.file-wrapper>.uploaded-files>.file-view>.file-info{
  cursor: pointer;
  margin-right: 0.5rem;
}

.file-wrapper>.uploaded-files>.file-view>.delete-btn>svg{
  fill: @color;
  z-index: 2;
}

.file-wrapper>.uploaded-files>.file-view>.delete-btn:hover svg{
  transform: scale(1.2);
}

.file-wrapper>.plus-view{
  display:inline-block;
}

.file-wrapper>.plus-view>.progress-cover>.file-info{
  display:inline-block;
}


.file-wrapper .ctrols{
  height: @size1 * 34;
  display:inline-block;
  line-height: @size1 * 34;
  vertical-align: top;
}

.file-wrapper .ctrols i{
  display:inline-block;
  /* border: 1px solid #ccc; */
  margin: 0px @size1 * 6;
}


.file-wrapper .attach-btn{
  vertical-align: middle;
  margin-top: 1px !important;
  color: @color;
}

.file-wrapper .delete-btn{
  vertical-align: middle;
}


.file-wrapper .cancel-btn{
  vertical-align: middle;
  color: red;
}

.file-wrapper .progress-block{
  display: inline-block;
  margin: 0px @size1 * 10;
}

.file-wrapper .download-able{
  cursor:pointer;
  border-bottom:1px solid blue;
}

/*文件 end*/
/*图片 begin*/
.img-wrapper{
  line-height: @size1 * 35;
  position:relative;
  display:inline-block;
}


.img-wrapper>.uploaded-imgs{
  height: @size1 * 60;
  display: inline-block;
  vertical-align: bottom;
  padding: @size1 * 5 0 @size1 * 5  @size1 * 12;
}

.img-wrapper>.uploaded-imgs>.img-view>.preview{
  margin-right: @size1 * 15;
  width: @size1 * 60;
  height: @size1 * 60;
  border-color: rgba(0, 0, 0, 0.15);
  border-width: 1px;
  border-style: dashed;
  border-radius:@size1 * 4 ;
  cursor: pointer;
}

.img-wrapper>.uploaded-imgs>.img-view{
  display: inline-block;
  position: relative;
  margin: 0px 8px @size1 * 15 0px;
}

.img-wrapper>.uploaded-imgs>.img-view>.delete-btn {
  position: absolute;
  top: -@size1 * 10;
  right: 0px;
  cursor: pointer;
}

.img-wrapper>.uploaded-imgs>.img-view>.delete-btn:hover svg{
  transform: scale(1.2);
}

.img-wrapper>.uploaded-imgs>.img-view>.delete-btn>svg{
  fill: @color;
  z-index: 2;
}


.img-wrapper>.plus-view{
  cursor:pointer;
  display:inline-block;
  width: @size1 * 66;
  height: @size1 * 66;
  border-color: rgba(0, 0, 0, 0.15);
  border-width: 1px;
  border-style: dashed;
  border-radius:@size1 * 4 ;
  font-size: @size1 * 14;
  padding: 0;
  text-align: center;
  line-height:@size1 * 20;
  background: rgb(250, 250, 250);
  position: relative;
}

.img-wrapper>.plus-view>.plus-btn{
  width: @size1 * 18;
  height: @size1 * 18;
  left: @size1 * 24;
  top: 12px;
  border-color: rgb(187, 187, 187);
  border-width: 0px;
  border-style: solid;
  color: rgba(0, 0, 0, 0.45);
  font-weight: normal;
  font-style: normal;
  opacity: 1;
  position: absolute;
  overflow: hidden;
}

.img-wrapper>.plus-view>.hint{
  position: absolute;
  top: @size1 * 34;
  width: 100%;
  font-size: @size1 * 14;
  font-weight: 400;
  font-size: @size1 * 14;
  color: rgba(0,0,0,0.65);
  text-decoration: none;
}

.img-wrapper>.plus-view>.progress-cover{
  position: absolute;
  width: @size1 * 66;
  height: @size1 * 66;
  z-index: 10;
  background: rgba(0, 0, 0, 0.4);
  border-radius:@size1 * 4 ;
}


.img-wrapper>.plus-view>.img-view>.preview{
  width: @size1 * 66;
  height: @size1 * 66;
}


.img-wrapper .file-info{
  display:inline-block;
  vertical-align: middle;
}

.img-wrapper .ctrols{
  display:inline-block;
}

.img-wrapper .ctrols i{
  display:inline-block;
  /* border: 1px solid #ccc; */
  margin: 0px @size1 * 6;
}

.img-wrapper .attach-btn{
  vertical-align: middle;
  margin-top: 1px !important;
}

.img-wrapper .delete-btn{
  vertical-align: middle;
}


.img-wrapper .cancel-btn{
  vertical-align: middle;
  color: red;
}

.img-wrapper .progress-block{
  line-height: @size1 * 66;
  color: white;
  font-size: @size1 * 18;
  display: inline-block;
  margin: 0px @size1 * 10;
}

.img-wrapper .download-able{
  cursor:pointer;
  border-bottom:1px solid blue;
}
/*图片 end*/

/*视频 begin*/
.video-wrapper{
  line-height: @size1 * 35;
  position:relative;
  display:inline-block;
}


.video-wrapper>.uploaded-videos{
  height: @size1 * 66;
  display: inline-block;
  vertical-align: bottom;
}

.video-wrapper>.uploaded-videos>.video-view>.preview{
  margin-right: 1rem;
  width: @size1 * 66;
  height: @size1 * 66;
  border-color: rgba(0, 0, 0, 0.15);
  border-width: 1px;
  border-style: dashed;
  border-radius:@size1 * 4 ;
  cursor: pointer;
}

.video-wrapper>.uploaded-videos>.video-view{
  display: inline-block;
  position: relative;
  margin: 0px 8px @size1 * 15 0px;
}

.video-wrapper>.uploaded-videos>.video-view>.delete-btn {
  position: absolute;
  top: -0.8rem;
  right: 0.4rem;
  cursor: pointer;
}

.video-wrapper>.uploaded-videos>.video-view>.delete-btn:hover svg{
  transform: scale(1.2);
}

.video-wrapper>.uploaded-videos>.video-view>.delete-btn>svg{
  fill: @color;
  z-index: 2;
}


.video-wrapper>.plus-view{
  cursor:pointer;
  display:inline-block;
  width: @size1 * 66;
  height: @size1 * 66;
  border-color: rgba(0, 0, 0, 0.15);
  border-width: 1px;
  border-style: dashed;
  border-radius:@size1 * 4 ;
  font-size: @size1 * 14;
  padding: 0px;
  text-align: center;
  line-height:@size1 * 20;
  background: rgb(250, 250, 250);
  position: relative;
}

.video-wrapper>.plus-view>.plus-btn{
  width: @size1 * 18;
  height: @size1 * 18;
  left: @size1 * 24;
  top: @size1 * 12;
  border-color: rgb(187, 187, 187);
  border-width: 0px;
  border-style: solid;
  color: rgba(0, 0, 0, 0.45);
  font-weight: normal;
  font-style: normal;
  opacity: 1;
  position: absolute;
  overflow: hidden;
}

.video-wrapper>.plus-view>.hint{
  position: absolute;
  top: @size1 * 34;
  width: 100%;
  font-size: @size1 * 14;
  font-weight: 400;
  font-size: @size1 * 14;
  color: rgba(0,0,0,0.65);
  text-decoration: none;
}

.video-wrapper>.plus-view>.progress-cover{
  position: absolute;
  width: @size1 * 66;
  height: @size1 * 66;
  z-index: 10;
  background: rgba(0, 0, 0, 0.4);
  border-radius:@size1 * 4 ;
}


.video-wrapper>.plus-view>.video-view>.preview{
  width: @size1 * 66;
  height: @size1 * 66;
}


.video-wrapper .file-info{
  display:inline-block;
  vertical-align: middle;
}

.video-wrapper .ctrols{
  display:inline-block;
}

.video-wrapper .ctrols i{
  display:inline-block;
  /* border: 1px solid #ccc; */
  margin: 0px @size1 * 6;
}

.video-wrapper .attach-btn{
  vertical-align: middle;
  margin-top: 1px !important;
}

.video-wrapper .delete-btn{
  vertical-align: middle;
}


.video-wrapper .cancel-btn{
  vertical-align: middle;
  color: red;
}

.video-wrapper .progress-block{
  line-height: @size1 * 66;
  color: white;
  font-size: @size1 * 18;
  display: inline-block;
  margin: 0 @size1 * 10;
}

.video-wrapper .download-able{
  cursor:pointer;
  border-bottom:1px solid blue;
}
/*视频 end*/

.input-wrapper input[type="text"]{
  /* 	padding:@size1 * 6 2@size1 * 5 @size1 * 6 @size1 * 10; */
}
/*input text end*/

.region-wrapper .quick-clear{
	color:black
}

/*password text begin*/
.password-wrapper .text-count-wrap{
  top: 0px;
  text-align: right;
  padding-right: @size1 * 5;
  width: 100%;
  left: 0px;
  line-height:@size1 * 6;
  position: absolute;
  color: #ccc;
  font-size: @size1 * 16;
  pointer-events: none;
  position:absolute;
}

.password-wrapper>.float-dialog-holder{
  margin-top:@size1 * 5;
  position: absolute;
  z-index: 2;
  border: 1px solid #ccc;
}

.password-wrapper .text-count-wrap>.text-count{
  padding-right: 0.5rem;
  display: inline-block;
  float: right;
  line-height: @size1 * 44;
}

.password-wrapper .text-count-wrap>.text-tail{
  float: right;
  display: inline-block;
  color: black;
  pointer-events: all;
  padding-right: 2px;
}

.password-wrapper input[type="text"]{
  /* 	padding:@size1 * 6 2@size1 * 5 @size1 * 6 @size1 * 10; */
}
/*password text end*/

/*items-input begin*/
.items-input-wrapper{
  /*position:relative;
  display: inline-block; */
}


.items-input input[type="text"]{
  /* 	padding:@size1 * 6 2@size1 * 5 @size1 * 6 @size1 * 10; */
}

.items-input-wrapper>.items{

}

.items-input-wrapper>.items>.item{
  margin:@size1 * 5;
  border-radius: @size1 * 5;
  background: #f2f2f2;
  padding:@size1 * 5;
  display: inline-block;
}

.items-input-wrapper>.items>.item>.fa-remove{
  font-size:@size1 * 16;
  margin-left: @size1 * 10;
  margin-right: 0;
  top: 0;
  /*-webkit-text-stroke: 0.15rem #F2F2F2;*/
}

/*items-input end*/


/*split-input begin*/
.split-input-wrapper{
  width: @size1 * 200;
  /*position:relative;
  display: inline-block; */
}


.items-input input[type="text"]{
  /* 	padding:@size1 * 6 2@size1 * 5 @size1 * 6 @size1 * 10; */
}

.split-input-wrapper{
  .items{
    position: absolute;
    top: 0;
    left: 0;
    padding: @size1 * 2.2 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box;
    .item{
      background: #f2f2f2;
      padding: @size1 * 4.8 @size1 * 10;
      display: inline-block;
      margin: @size1 * 4  @size1 * 5;
      position: relative;
      .fa-remove{
        position: absolute;
        font-size: @size1 * 20;
        margin-left: @size1 * 6;
        margin-right: 0;
        top: -@size1 * 8;
        right:0;
        -webkit-text-stroke: 0 #40485b;
      }
      span{
        display:table-row;
        border:0;
      }
    }
  }

}
/*split-input end*/

/*editable-table begin*/
.editable-table-wrapper{
  position: relative;
  display: inline-block;
}


.editable-table-wrapper>.header-row>.cell{
  padding: @size1 * 5 0  @size1 * 5 @size1 * 5;
  display: inline-block;
  font-size: @size1 * 16;
  font-weight: 600;
  line-height: @size1 * 30;
  position: relative;
}

.editable-table-wrapper>.header-row{
  background-color: #d9d5d5;
  line-height: @size1 * 35;
padding-left: @size1 * 10;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.editable-table-wrapper>.editable-row{
  line-height: @size1 * 35;
  /* padding-left: @size1 * 10; */
  /*  margin-left: -@size1 * 5; */
}

.editable-table-wrapper>.editable-row.minimized{
  background: greenyellow;
  border: 2px solid greenyellow;
  outline-width: 0;
  height: @size1 * 5;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  min-height: @size1 * 5 !important;
}

.editable-table-wrapper>.editable-row:hover{
  background: #ebf7ff;
}

.editable-table-wrapper>.editable-row>.cell{
  margin: @size1 * 5 @size1 * 5 @size1 * 5 0;
  vertical-align: middle;
  display: inline-block;
  font-size: @size1 * 16;
  cursor: pointer;
  height: @size1 * 44;
  line-height: @size1 * 44;
}

.editable-table-wrapper>.footer-row{
  text-align: center;
  background: #f5f5f5;
  line-height: @size1 * 35;
  padding: @size1 * 5 @size1 * 15;
  font-size: @size1 * 16;
  cursor: pointer;
}

.editable-table-wrapper>.footer-row>.newRowBtn{
  -webkit-text-stroke:@size1 * 4  #3a3a3a;
}

.editable-table-wrapper>.editable-row .drag{
  margin: 0  @size1 * 10 0 @size1 * 10;
}
.editable-table-wrapper>.editable-row .remove{
  margin: 0  @size1 * 10 0  @size1 * 10;
}

.editable-table-wrapper>.header-row .prompt{
  position: relative;
  display: inline-block;
  padding-left: @size1 * 5 ;
  vertical-align: middle;
  font-size:@size1 * 12;
  font-weight: normal;
}
.editable-table-wrapper>.header-row .promptCheck{
  position: relative;
  font-size:@size1 * 12;
}
/*editable-table text end*/

.code-wrapper{
  position:relative;
  display: inline-block;
  width: 100%;
}



.qrcode-wrapper , .barcode-wrapper{
  display: inline-block;
}


/*颜色拾取器*/

.colorpicker-wrapper{
  height: @size1 * 35;
  position: relative;
  line-height: @size1 * 35;
}

.colorpicker-wrapper>.color-preview{
  float: left;
  display:inline-block;
  width: @size1 * 35;
  height: @size1 * 35;
  border: 1px solid lime;
  border-radius: @size1 * 5;
  cursor: pointer;
}

.colorpicker-wrapper>.color-num{
  display: inline-block;
  float: left;
  height: @size1 * 35;
  margin-left: @size1 * 10;
}

/*颜色拾取器 end*/
/*计数器 begin*/
.numcounter-wrapper{
  overflow: hidden;
  position: relative;
  background: white;
  width: 130px !important;
  display: inline-block;
}

.numcounter-wrapper>.minus{
  position: absolute;
  /*margin-top:@size1 * 4 ;*/
  height: @size1 * 44 ;
  width:@size1 * 44;
  left: 1px;
  top: 1px;
  border-right: 1px solid #dcdfe5;
  line-height: @size1 * 44;
  text-align: center;
  font-size:@size1 * 20;
  //-webkit-text-stroke: 2px #FFFFFF;
}

.numcounter-wrapper>.num{
  padding-left: @size1 * 35;
  padding-right: @size1 * 35;
  text-align:center;
  line-height: @size1 * 44;;
  height: @size1 * 44;;
  width: 100%;
  border: 1px solid #dcdfe5;
  border-radius: @size1 * 5;
  outline: 0;

}

.numcounter-wrapper>.num:focus{
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

.numcounter-wrapper>.plus{
  /*margin-top:@size1 * 4 ;*/
  position: absolute;
  top: 1px;
  right: 0;
  height: @size1 * 44 ;
  width: @size1 * 44 ;
  border-left: 1px solid #dcdfe5;
  line-height: @size1 * 44;
  text-align: center;
  font-size:@size1 * 20;
  //-webkit-text-stroke: 2px #FFFFFF;
}
/*计数器 end*/
/*滑块 begin*/
.slider-wrapper{
  position: relative;
  display: inline-block;
  line-height: @size1 * 34;
  height: @size1 * 34;
  padding:0  @size1 * 45 0  @size1 * 5;
}

.slider-wrapper>.bar-container{
  width:100%;
  height: @size1 * 6;
  background: #e2e2e2;
  border-radius: @size1 * 3 ;
  position: relative;
  vertical-align: middle;
  display: inline-block;
  cursor: pointer;
}

.slider-wrapper>.bar-container>.bar-actived{
  position: absolute;
  left:0 ;
  width:@size1 * 20;
  background: @color;
  height: @size1 * 6;
  border-radius: @size1 * 3 ;
}

.slider-wrapper>.bar-container>.bar-control{
  position: absolute;
  top: -@size1 * 5;
  left: 0px;
  width: @size1 * 16;
  background: white;
  height: @size1 * 16;
  border-radius: 8px;
  outline: 0px;
  border: 2px solid @color;
}

.slider-wrapper>.bar-container>.bar-control:hover{
  transform: scale(1.2);
  cursor: pointer;
}
.slider-wrapper>.val-prompt{
  width: @size1 * 30;
  position: absolute;
  right: 0;
  top: 0;
  height: @size1 * 34;
}
/*滑块end*/
/*时间选择器begin*/
.timepicker-wrapper{
  width:@size1 * 200;
  position: relative;
  display: inline-block;
}
.time-chooser{
  text-align: center;
  border: 1px solid #e2e2e2;
  overflow: auto;
  width: @size1 * 274;
  background: white;
  border-radius: @size1 * 3 ;
  box-shadow: 0 4px  8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  position: absolute;
  z-index: 200;
}
[format="HH:mm"] ~ .time-chooser{
  width: @size1  * 200;
  .column{
    width: 50%;
  }
}
.time-chooser>.time-header{
  background:white;
  overflow: hidden;
  width: 100%;
  padding: @size1 * 5 0;
  font-size: @size1 * 16;
  text-align: center;
}

.time-chooser>.body{
  padding: 0 @size1 * 8 @size1 * 5;
  overflow: auto;
  font-size: @size1 * 16;
}

.time-chooser>.footer{
  text-align: right;
  padding: @size1 * 5 @size1 * 10 @size1 * 10 0;
}

.time-chooser>.footer span{
  border:1px solid #C9C9C9;
  font-size: @size1 * 14;
  padding: @size1 * 3 @size1 * 8;
  cursor: pointer;
  border-radius: @size1 * 3 ;
  -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;
}

.time-chooser>.footer span:hover{
  background: @color;
  color: white;
}

.time-chooser .column{
  position:relative;
  padding: @size1 * 30 0  0;
  width: 33.33%;
  height: @size1 * 210;
  display: inline-block;
}


.time-chooser .item-name{
  text-align: center;
  width: 100%;
  position: absolute;
  top: 0px;
  overflow: auto;
  height: @size1 * 30;
  line-height: @size1 * 30;
}

.time-chooser .item-holder{
  border: solid 1px rgba(0,0,0,.2);
  height: 100%;
  overflow: auto;
}

.time-chooser .item-holder>.item{
  width: 100%;
  height: @size1 * 30;
  line-height:@size1 * 30;
  cursor: pointer;
}

.time-chooser .item-holder>.item:hover{
  background-color: #eaeaea;
}

.time-chooser .item-holder>.item.selected{
  background-color: @color !important;
  color: #fff!important;
}
.timepicker-wrapper .close-block{
  position: absolute;
  right: 0;
  top: -@size1 * 3;
}

.timepicker-wrapper .fa-remove{
  -webkit-text-stroke:@size1 * 4  #FFFFFF;
}
.item > .fa-remove{
  -webkit-text-stroke: 1px @color;
  font-size:@size1 * 20;
}
/*时间选择器end*/
/*普通文本begin*/
.view-text{
  display: inline-block;
  line-height: @size1 * 35;
  font-size: @size1 * 13;
}
/*普通文本end*/
/*数据源结果显示begin*/
.view-ds{
  display: inline-block;
  line-height:@size1 * 35;
  font-size:@size1 * 13;
}
/*数据源结果显示end*/
/*段落显示begin*/
.data-block>.section{
  width: 100%;
  min-height: @size1 * 45;
  line-height:@size1 * 45;
  font-size:@size1 * 45;
  padding: @size1 * 5 0 @size1 * 5 @size1 * 10;
  background: rgba(158, 158, 158, 0.1);
  border-left: @size1 * 3  solid rgb(158,158,158);
  text-align: left;
}

.data-block>.section>.section-content{
  line-height: @size1 * 38;
  word-break: break-all;
}

/*段落显示end*/
/*表单编辑器begin*/
.data-block-wrapper{
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  position: relative;
  float: left;
  width:100%;
  padding:@size1 * 3 @size1 * 6 ;
  min-height: @size1 * 60;
}

.data-block-ctrl{
  text-align:center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  position: relative;
  float: left;
  width:100%;
  padding:@size1 * 3 @size1 * 6 ;
  min-height: @size1 * 60;
}

.data-block-wrapper.actived{
  outline: 2px solid #409eff;
  cursor: move;
}

.data-block-wrapper.editable:hover{
  border: 1px dashed blue;
}

.data-block-wrapper.editable{
  border: 1px dashed #c49f9f;
}


.data-block-wrapper>.block-control{
  position: absolute;
  right: 0;
  bottom: 0;
  background: #409eff;
}

.data-block-wrapper>.block-control>.fa-copy{
  color: white;
  margin: @size1 * 6 @size1 * 8 @size1 * 6 @size1 * 10;
}

.data-block-wrapper>.block-control>.fa-trash-o{
  color: white;
  margin: @size1 * 6 @size1 * 8 @size1 * 6 @size1 * 10;
}


.data-block{
  position: relative;
  padding-right: @size1 * 10;
  width: 100%;
}

.data-block>.field-label{
  line-height: @size1 * 35;
  float: left;
  padding: 0 @size1 * 10 0 0;
  margin: 0;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width:@size1 * 120
}

.readonly{
  pointer-events: none;
}

.data-block>.field-val{
  line-height: @size1 * 35;
  //margin: @size1 * 5 0;
  text-align: left;
  position: relative;
  float: left;
}

.one-column>.data-block-wrapper{
  width: 100%;
}

.two-column>.data-block-wrapper{
  width: 50%;
}

.three-column>.data-block-wrapper{
  width: 33.3%;
}

.four-column>.data-block-wrapper{
  width: 25%;
}


/* app */
@media only screen and (max-width: 799px) {
  .data-block>.field-label{
    width: 5rem;
    font-size: 1rem;
  }

  .right-title>.data-block-wrapper>.data-block{
    padding-left: 5rem;
  }

  .left-title>.data-block-wrapper>.data-block{
    padding-left: 5rem;
  }
}

/* pc*/
@media only screen and (min-width: 800px) {
  .data-block>.field-label{
    width:@size1 * 120;
  }

  .right-title>.data-block-wrapper>.data-block{
    padding-left: @size1  * 150;
  }

  .left-title>.data-block-wrapper>.data-block{
    padding-left: @size1 * 96;
  }
}

/* 标题居下靠右对齐 */
.data-block>.field-label{
  position: relative;
}

.data-block>.field-val{
  position: relative;
}


.right-title>.data-block-wrapper>.data-block>.field-label{
  position: absolute;
  left:0;
  text-align: right;
}

/* 标题居下靠左对齐 */
.left-title>.data-block-wrapper>.data-block>.field-label{
  position: absolute;
  left:0;
  text-align: left;
}

/* 标题居上 */
.top-title>.data-block-wrapper>.data-block{
  padding-left: 0;
}

.top-title>.data-block-wrapper>.data-block>.field-label{
  position: static;
  width:100%;
  float: none;
  line-height: @size1 * 35;
  margin: 0 0 @size1 * 5 0;
  text-align: left;
  height: @size1 * 35 !important;
}

/* .top-title>.data-block-wrapper>.data-block>.field-val{
	margin-bottom: 1rem !important;
} */




.data-block-wrapper.minimized{
  background: greenyellow;
  border: 2px solid greenyellow;
  outline-width: 0;
  height: @size1 * 5;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  min-height:@size1 * 5 !important;
}

.data-block-wrapper.horizontal-line{
  min-height: @size1 * 10 !important;
  width:100% !important;
}

.data-block-wrapper.horizontal-line  .data-block{
  padding-left: 0  !important;
}

.data-block-ctrl>.form-btn{
  border: 1px solid @color;
  display: inline-block;
  margin: 0 @size1 * 10;
  cursor: pointer;
  font-size: @size1 * 16;
  min-width: @size1 * 80;
  padding: @size1 * 10 @size1 * 15;
  border-radius: @size4;
  outline: 0;
  background: @color;
  color: white;
}
.data-block-ctrl>.form-btn:hover{
  background: @color;
  color: white;
  transition: color .3s @bezier, background-color @bezier, opacity .3s @bezier, border-color .3s @bezier;
  box-shadow: -5px 2px 5px rgba(0,0,0,0.2), 5px 5px 10px rgba(0,0,0,0.1);
}


/*表单编辑器end*/
/*layout begin*/
.split{
  height: 100%;
  width: 100%;
  top:0;
  left:0;
  position: absolute;
  overflow: auto;
}

.split-wrapper{
  height: 100%;
  width: 100%;
  position: absolute;
}

.split-balance{
  position: relative;
  width: 100%;
  height: 100%;
}

.split-wrapper.minimized>.split{
  width:@size1 * 56  !important;
}

.split-wrapper.minimized{
  padding-left: @size1 * 56  !important;
}

/*layout end*/
.cp-color-picker{
  z-index: 999999;
}


.inner-region{
  /* margin-left: -@size1 * 5;  必须移除*/
  text-align: left;
}

/* pc*/
@media only screen and (min-width: 800px) {
  .search-btn-text{
    position: absolute;
    top: 0;
    left: @size1 * 175;
  }
}

/* app */
@media only screen and (max-width: 799px) {
  .search-btn-text{
    position: absolute;
    top: 0;
    right: @size1 * 64;
  }
}




/*滑块验证*/
/* 滑动控件容器,灰色背景 */
.dragContainer {
  position: relative;
  display: inline-block;
  background: #e8e8e8;
  width: 100%;
  height: @size1 * 33 ;
  border: 2px solid #e8e8e8;
}
/* 滑块左边部分,绿色背景 */
.dragContainer>.dragBg {
  position: absolute;
  background-color: #7ac23c;
  width: 0;
  height: 100%;
}
/* 滑动验证容器文本 */
.dragContainer>.dragText {
  position: absolute;
  width: 100%;
  height: 100%;
  /* 文字水平居中 */
  text-align: center;
  /* 文字垂直居中,这里不能用百分比,因为百分比是相对原始line-height的,而非div高度 */
  line-height: @size1 * 160;
  /* 文本不允许选中 */
  user-select: none;
  -webkit-user-select: none;
  color:#374241;
}
/* 滑块 */
.dragContainer>.dragHandler {
  position: absolute;
  width: @size1 * 200;
  height: 100%;
  cursor: move;
}
/* 滑块初始背景 */
.dragContainer>.dragHandlerBg {
  background: #fff no-repeat center url("");
}
/* 验证成功时的滑块背景 有√*/
.dragContainer>.dragHandlerOkBg {
  background: #fff no-repeat center url("");
}

/*  下拉刷新begin */
.pull-refresh-wrapper{
  position: relative;
  overflow: auto;
  height: 100%;
  width: 100%;
  &::-webkit-scrollbar {
    width: @size1 * 8;
  }

  &::-webkit-scrollbar-thumb {
    border-radius: @size1 * 10;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #d4cfcf;
  }

  &::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: #f2f2f2;
  }

}
.refresh-prompt{
  position: absolute;
  width: 100%;
  text-align: center;
}
/*  下拉刷新end */


/*  移动端下拉选项 */
.mobileSelect {
  position: relative;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.4s, z-index 0.4s;
  transition: opacity 0.4s, z-index 0.4s;
}

.mobileSelect * {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.mobileSelect-show .content {
  bottom: 0 !important;
}

.mobileSelect-show {
  opacity: 1;
  z-index: 10000;
  visibility: visible;
}

.mobileSelect .content {
  bottom: -@size1 * 350;
  width: 100%;
  display: block;
  position: fixed;
  z-index: 889;
  color: black;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  left: 0;
  background: white;
}

.mobileSelect .grayLayer {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #eee;
  background: rgba(0, 0, 0, 0.3);
  z-index: 888;
  display: block;
}

.mobileSelect .content .btnBar {
  border-bottom: 1px solid #DCDCDC;
  font-size: @size1 * 15;
  height: @size1 * 45;
  position: relative;
  text-align: center;
  line-height: @size1 * 45;
  z-index: 1;
}

.mobileSelect .content .fixWidth {
  width: 90%;
  margin: 0 auto;
  position: relative;
}

.mobileSelect .content .btnBar .cancel {
  left: 0;
  color: #666;
}

.mobileSelect .content .btnBar .cancel, .mobileSelect .content .btnBar .ensure {
  height: @size1 * 45;
  width: @size1 * 55;
  cursor: pointer;
  position: absolute;
  top: 0;
}

.mobileSelect .content .btnBar .title {
  font-size: @size1 * 15;
  padding: 0 15%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.mobileSelect .content .btnBar .ensure {
  right: 0;
  color: #1e83d3;
}

.mobileSelect .content .panel .wheel {
  position: relative;
  z-index: 0;
  float: left;
  width: 50%;
  height: @size1 * 200;
  overflow: hidden;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}


.mobileSelect .wheels{
  display: flex;
  flex-direction: row;
}

.mobileSelect .content .panel .wheel .selectContainer {
  display: block;
  text-align: center;
  -webkit-transition: -webkit-transform 0.18s ease-out;
  transition: -webkit-transform 0.18s ease-out;
  transition: transform 0.18s ease-out;
  transition: transform 0.18s ease-out, -webkit-transform 0.18s ease-out;
}

.mobileSelect .content .panel .wheel .selectContainer li {
  font-size: @size1 * 15;
  display: block;
  height: @size1 * 40;
  line-height: @size1 * 40;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.mobileSelect .content .panel .selectLine {
  height: @size1 * 40;
  width: 100%;
  position: absolute;
  top: @size1 * 80;
  pointer-events: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid #DCDCDC;
  border-bottom: 1px solid #DCDCDC;
}

.mobileSelect .content .panel .shadowMask {
  position: absolute;
  top: 0;
  width: 100%;
  height: @size1 * 200;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(rgba(255, 255, 255, 0)), to(#ffffff));
  background: -webkit-linear-gradient(top, #ffffff, rgba(255, 255, 255, 0), #ffffff);
  background: linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0), #ffffff);
  opacity: 0.9;
  pointer-events: none;
}

/*  移动端下拉选项结束 */

.loadingIcon{
  pointer-events: none;
}

.cover_div.loading-light>div>i{
  color: #f2f2f2;
}
#region_adminheader{
  //padding-right:@size1 * 20;
}

#region_adminheader{
  border-bottom: 2px solid #f2f2f2;
}

#region_adminheader .locale-btn{
  cursor: pointer;
  margin-left: @size1 * 10;
}
.text-indent18{
  text-indent: @size1 * 18;
}

.regionResetBtn > label,.regionSearchBtn >label{
  margin-bottom: 0;
}
.form .form-title{
  background:#f5f7fa;
  font-size: @size1 * 16;
  /* height: 3rem; */
  /* line-height: 3rem; */
  padding:@size1 * 5@size1 * 20;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: @size1 * 6;
  color:#333
}
.form .form-info >.toolbar-theme{
  background:#f5f7fa;
  color:#333
}
.form-text{
  font-weight: bold;
}
.form-align{
  text-align: center;
}

.row .row-header > label{
  min-width: @size1 * 60;
  text-align: center;
}
/* form input文本框 */


.flex-container{
  display: flex;
  justify-content: space-around;
}
.flex-display{
  display: flex;
  position: relative;
}
.ellipsis-line-1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.ellipsis-line-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.ellipsis-line-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
/*flex布局  */
.flex-content{
  display: flex;
  display: -webkit-box;

}
.flex-jus-sp {
  /*子项目在主轴方向上 均匀分布 首尾子项到父容器的距离为0*/
  -moz-box-pack: space-between;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.flex-align-c {
  /*子项目在侧轴上 居中对齐（宽高不被拉伸）*/
  -moz-box-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.flex-align-b {
  /*子项目在侧轴上 首行文字的基线对齐（宽高不被拉伸）*/
  -moz-box-align: baseline;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
}

.disabled{
  background: rgb(255, 250, 250) !important;
  pointer-events: none;
  background-clip: content-box !important;
}

.img-wrapper.disabled{
  background: #FFFFFF  !important;
  pointer-events: all;
  background-clip: content-box !important;
}

.video-wrapper.disabled{
  background: #FFFFFF  !important;
  pointer-events: all;
  background-clip: content-box !important;
}
.region-wrapper.disabled input{
  background: #fffafa !important;
  pointer-events: none;
  background-clip: content-box !important;
}

.row>div>.multipleCbs{
  margin-top:0;
}

.menutable tr{
  background: white;
}

.placeholder{
  padding-left:@size1 * 8;
  font-size:@size1 * 14;
}


.operation-icons>*{
  margin: 0 0.2rem 0 0;
  display: inline-block;
}

.operation-icons a{
  cursor: pointer;
  /*background:linear-gradient(to left, #7b4397, #2196f3);*/
  padding: @size1 * 3  @size1 * 6;
  min-width:@size1 * 48;
  border-radius:@size1 * 5;
  margin-top: -@size1 * 5;
}

.section-title{
  text-align: left;
  font-size:@size1 * 20;
  background: #707094;
  color: white;
  height: @size1 * 45;
  line-height: @size1 * 40;
  padding: 0 @size1 * 10;
}

.record-view{
  background:@linear;
  color: white;
  padding: 2px @size1 * 5;
  margin-left: @size1 * 10;
  cursor: pointer;
}

.js-template {
  position: absolute;
  right: @size1 * 20;
  top: @size1 * 12;
  z-index: 99;
}
.form-control{
  height:@size1 * 44;
  padding: @size1 * 6 @size1 * 12;
  box-shadow: initial;
  border-radius:@size1 * 4;
}
.pull-right{
  display: flex;
  justify-content: center;
  align-items: center;
}
.treemenu{
  span{
    font-size: @size1 * 16;
  }
}
.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th{
  padding: @size1 * 8;
}

.prompt-holder {
  position: fixed;
  top: 0.5rem;
  width: 22rem;
  z-index: 30000;
  right: 0.2rem;
  max-height: calc(100% - 1.5rem);
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0rem 0.5rem;
  margin-bottom: 0.2rem;
/*   pointer-events: none; */
      display: inline-block;
}
.prompt-holder::-webkit-scrollbar {
  width: 2px;
  height: 4px;
  background-color: #1d4e9c;
}


.toast-holder {
  position: fixed;
  top: 5rem;
  width: 22rem;
  z-index: 30000;
  right: calc(50% - 11rem);
  max-height: calc(100% - 5.5rem);
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0rem 0.5rem;
  margin-bottom: 0.2rem;
/*   pointer-events: none; */
      display: inline-block;
}
.toast-holder::-webkit-scrollbar {
  width: 2px;
  height: 4px;
  background-color: #1d4e9c;
}

.cke_inner span{
	padding:0!important;
}

div.auto-height{
	height: auto!important;
}

.text-center-v{
	display: flex;align-items: center;
}
/* 数字开始 */
.digits {
  div{
    text-align:left;
    position:relative;
    width: @size1 * 28;
    height:@size1 * 50;
    display:inline-block;
    margin:0 @size1 * 4;
    span {
      background-color: #272e38;
      border-color: #272e38;
      opacity:0;
      position:absolute;
      -webkit-transition:0.25s;
      -moz-transition:0.25s;
      transition:0.25s;
      &:before{
        content:'';
        position:absolute;
        width:0;
        height:0;
        border:0.3125rem solid transparent;
      }
      &:after{
        content:'';
        position:absolute;
        width:0;
        height:0;
        border:@size1 * 5 solid transparent;
      }
    }
  }
  .d1{
    height:@size1 * 5;width:@size1 * 16;top:0;left:@size1 * 6;
    &:before{ border-width:0 @size1 * 5 @size1 * 5 0;border-right-color:inherit;left:-@size1 * 5;}
    &:after{  border-width:0 0 @size1 * 5 @size1 * 5;border-left-color:inherit;right:-@size1 * 5;}
  }
  .d2{height:@size1 * 5;width:@size1 * 16;top:0;left:@size1 * 6;
    &:before{ border-width:@size1 * 3 @size1 * 4 @size1 * 2;border-right-color:inherit;left:-@size1 * 8;}
    &:after{
      border-width:@size1 * 3 @size1 * 4 @size1 * 2;border-left-color:inherit;right:-@size1 * 8;
    }
  }
  .d3{
    height:@size1 * 5;width:@size1 * 16;top:@size1 * 48;left:@size1 * 6;
    &:before{
      border-width:@size1 * 5 @size1 * 5 0 0;border-right-color:inherit;left:-@size1 * 5;
    }
    &:after{
      border-width:@size1 * 5 0 0 @size1 * 5;border-left-color:inherit;right:-@size1 * 5;
    }
  }
  .d4{width:@size1 * 5;height:@size1 * 14;top:@size1 * 7;left:0;
    &:before{ border-width:0 @size1 * 5 @size1 * 5 0;border-bottom-color:inherit;top:-@size1 * 5;
    }
    &:after{  border-width:0 0 @size1 * 5 @size1 * 5;border-left-color:inherit;bottom:-@size1 * 5;}
  }
  .d5{width:@size1 * 5;height:@size1 * 14;top:@size1 * 7;right:0;
   &:before{ border-width:0 0 @size1 * 5 @size1 * 5;border-bottom-color:inherit;top:-@size1 * 5;}
   &:after{  border-width:@size1 * 5 0 0 @size1 * 5;border-top-color:inherit;bottom:-@size1 * 5;}
  }
  .d6{width:@size1 * 5;height:@size1 * 14;top:@size1 * 32;left:0;
    &:before{ border-width:0 @size1 * 5 @size1 * 5 0;border-bottom-color:inherit;top:-@size1 * 5;}
    &:after{  border-width:0 0 @size1 * 5 @size1 * 5;border-left-color:inherit;bottom:-@size1 * 5;}
  }
  .d7{width:@size1 * 5;height:@size1 * 14;top:@size1 * 32;right:0;
  &:before{ border-width:0 0 @size1 * 5 @size1 * 5;border-bottom-color:inherit;top:-@size1 * 5;}
    &:after{  border-width:@size1 * 5 0 0 @size1 * 5;border-top-color:inherit;bottom:-@size1 * 5;}
  }
}

/* 1 */
.digits div.one .d5,
.digits div.one .d7{
  opacity:1;
}

/* 2 */
.digits div.two .d1,
.digits div.two .d5,
.digits div.two .d2,
.digits div.two .d6,
.digits div.two .d3{
  opacity:1;
}

/* 3 */
.digits div.three .d1,
.digits div.three .d5,
.digits div.three .d2,
.digits div.three .d7,
.digits div.three .d3{
  opacity:1;
}

/* 4 */
.digits div.four .d5,
.digits div.four .d2,
.digits div.four .d4,
.digits div.four .d7{
  opacity:1;
}

/* 5 */
.digits div.five .d1,
.digits div.five .d2,
.digits div.five .d4,
.digits div.five .d3,
.digits div.five .d7{
  opacity:1;
}

/* 6 */
.digits div.six .d1,
.digits div.six .d2,
.digits div.six .d4,
.digits div.six .d3,
.digits div.six .d6,
.digits div.six .d7{
  opacity:1;
}


/* 7 */
.digits div.seven .d1,
.digits div.seven .d5,
.digits div.seven .d7{
  opacity:1;
}

/* 8 */
.digits div.eight .d1,
.digits div.eight .d2,
.digits div.eight .d3,
.digits div.eight .d4,
.digits div.eight .d5,
.digits div.eight .d6,
.digits div.eight .d7{
  opacity:1;
}

/* 9 */
.digits div.nine .d1,
.digits div.nine .d2,
.digits div.nine .d3,
.digits div.nine .d4,
.digits div.nine .d5,
.digits div.nine .d7{
  opacity:1;
}

/* 0 */
.digits div.zero .d1,
.digits div.zero .d3,
.digits div.zero .d4,
.digits div.zero .d5,
.digits div.zero .d6,
.digits div.zero .d7{
  opacity:1;
}

/* dot */
.digits div.dot{
  width:@size1 * 5;
}
.digits .dot:after{
  width: @size1 * 5;
  height: @size1 * 5;
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #272e38;
}
/* 数字结束 */

/*悬浮信息*/
.floatmsg-container{
  color: black;
  position: absolute;
  bottom: 0;
  right: 0;
  background: #f2f2f2;
  padding-top: @size1 * 32;
}

.floatmsg-container>.header {
  background:linear-gradient(to left, #0c2f6f, #a1a9b8);
  color: white;
  height:@size1 * 32;
  z-index: 100;
  position: absolute;
  top: 0;
  width: 100%;
  padding: @size1 * 3.2 @size1 * 8;
}

.floatmsg-container>.float-body{
  background: white;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.floatmsg-container>.header>.pull-right>.fa-light{
  margin-left:@size1 * 11.2;
}
.server-detail:before {
  content: '';
  top: 0;
  left: -0.4rem;
  height: 100%;
  width: 0.2rem;
  background: #f2f2f2;
  position: absolute;
}
